// 按钮级权限控制
export default {
  // vue3中使用mounted自定义指令，vue2使用bind（）
  // 接收el和binding  el:元素  binding：数据 binding.value：拿到v-has的值,需要为setup中定义值
  mounted(el, binding) {
    // console.log("指令绑定元素执行");
    // console.log("el", el);
    // console.log("binding", binding.value);
    // // 用户拥有的按钮权限
    // const ruleKeys = localStorage.getItem("rules-key");
    // // 绑定指令需要的按钮权限 created edit delete quary？在页面设置reactive响应
    // const needRule = binding.value;
    // // 判断用户拥有的权限是否包含按钮权限
    // const hasRule = ruleKeys.includes(needRule);
    // // 如果用户没有权限
    // if (!hasRule) {
    //   //设置宏任务 等到页面元素渲染后才会拿到并操作
    //   setTimeout(() => {
    //     // 移除这个元素，直接操作dom
    //     el.parentNode.removeChild(el);
    //     // 或者隐藏这个元素 但是会被查到
    //     // el.style.display = "none";
    //   }, 0);
    // }
  },
};
